<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/">
<head>
    <title>kavadenn: Plouarzel, Bretagne</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="description" content="Découvrir la Bretagne avec kavadenn: Plouarzel, tourisme, voyage">
  <meta name="keywords" content="Bretagne,decouverte,tourisme,voyage">  
  <meta name="google-site-verification" content="4st4ki5585g6DlepbbFy-Sa-b10DKq1klis4Nsql3xA" />

    <link href="/static/css/kavadenn.css" rel="Stylesheet" type="text/css" />


    <style type="text/css">
      /* the overlayed element */
    .simple_overlay {
      
      /* must be initially hidden */
      display:none;
      
      /* place overlay on top of other elements */
      z-index:10000;
      
      /* styling */
      background-color:#FFFFFF;
      
      width:675px;  
      min-height:200px;
      border:1px solid #666;
      
      /* CSS3 styling for latest browsers */
      -moz-box-shadow:0 0 90px 5px #000;
      -webkit-box-shadow: 0 0 90px #000;  
    }
    
    /* close button positioned on upper right corner */
    .simple_overlay .close {
      background-image:url(/static/img/wires/close.png);
      position:absolute;
      right:-15px;
      top:-15px;
      cursor:pointer;
      height:35px;
      width:35px;
    }
    </style>

</head>
<body>

    <div id="header">
        <a href="/"><h1>kavadenn</h1></a>
    </div>


    
    <div id="content">
        
        <div id="placePageSectionHeader">
            <h2>Plouarzel <span style="color:red;font-size:small;">ENDROITS</span> </h2>
        </div>
        
        <div id="placeContent">
                    <!--
  <div id="map_canvas" style="min-width:350px; min-height:300px;"></div>
  
  tourism 
  wikipedia
  amenity
    **community_centre
    ---------------------------------
    **restaurant
    **cafe
    **bar
    **pub
    **ice_cream
    ---------------------------------
    **parking
  
  historic --
  natural --
  sport --
  leisure
  shop 
  restaurant --
  cafe --
  bar --
   
  -->
        
        <div style="position:relative;">
              <div id="btnCategories"  style="cursor:pointer; background-color:#FFFFCC; color:#CCCCCC; padding:5px; font-size:smaller;font-weight:bold;position:absolute;left:0;top:0;z-index:10000;">Categories</div>
              <div id="contextCategories" style="display:none;background-color:#FFFFFF;">
              
                  <div style="padding:5px; height:37px; border-bottom:solid 1px #EEEEEE;">
                    <div style="height:1px;">
                      <img src="/static/img/wires/places/bar.png" />
                    </div>
                    <div style="padding-left:35px;">
                      <input type="checkbox" />Bar
                    </div>
                  </div>
                  
                  <div style="padding:5px; height:37px; border-bottom:solid 1px #EEEEEE;">
                    <div style="height:1px;">
                      <img src="/static/img/wires/places/cafe.png" />
                    </div>
                    <div style="padding-left:35px;">
                      <input type="checkbox" />Café
                    </div>
                  </div>
                  
                  <div style="padding:5px; height:37px; border-bottom:solid 1px #EEEEEE;">
                    <div style="height:1px;">
                      <img src="/static/img/wires/places/historic.png" />
                    </div>
                    <div style="padding-left:35px;">
                      <input type="checkbox" />Historique 
                    </div>
                  </div>
                  
                  <div style="padding:5px; height:37px; border-bottom:solid 1px #EEEEEE;">
                    <div style="height:1px;">
                      <img src="/static/img/wires/places/natural.png" />
                    </div>
                    <div style="padding-left:35px;">
                      <input type="checkbox" />Nature 
                    </div>
                  </div>
                  
                  <div style="padding:5px; height:37px; border-bottom:solid 1px #EEEEEE;">
                    <div style="height:1px;">
                      <img src="/static/img/wires/places/leisure.png" />
                    </div>
                    <div style="padding-left:35px;">
                      <input type="checkbox" />Parc 
                    </div>
                  </div>
                  
                  <div style="padding:5px; height:37px; border-bottom:solid 1px #EEEEEE;">
                    <div style="height:1px;">
                      <img src="/static/img/wires/places/restaurant.png" />
                    </div>
                    <div style="padding-left:35px;">
                      <input type="checkbox" />Restaurant 
                    </div>
                  </div>
                  
                  <div style="padding:5px; height:37px; border-bottom:solid 1px #EEEEEE;">
                <div style="height:1px;">
                  <img src="/static/img/wires/places/sport.png" />
                </div>
                <div style="padding-left:35px;">
                  <input type="checkbox" />Sport 
                </div>
              </div>
              </div>
        </div> 
        <div style="position:relative;">
          <div id="placeDetailsPane" style="position:absolute; left:5px; top:5px; bottom:5px; right:5px; z-index:15000; display:none; padding:5px; background-color:#FFFFFF;"> 
            <div style="height:1px;">
              <img id="placeImage" src='http://localhost:8000/static/img/wires/places/historic.png' />  
            </div>
            <h2 id="placeTitle" style="padding-left:35px;">Fort de Porsmoguer</h2>
            <div>
              <div style="margin-top:5px;">
                <div style="height:1px;">
                  <img style="height:35px;width:35px;" src="/static/img/wires/profiles/p5.jpg" />
                </div>
                <div style="font-size:smaller;padding-left:50px; padding-bottom:5px; border-bottom:solid 1px #EEEEEE;">
                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                </div>
              </div>
               
              <div style="margin-top:5px;">
                <div style="height:1px;">
                  <img style="height:35px;width:35px;" src="/static/img/wires/profiles/p4.jpg" />
                </div>
                <div style="font-size:smaller;padding-left:50px; padding-bottom:5px; border-bottom:solid 1px #EEEEEE;">
                  Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo
                </div>
              </div>
              <div style="padding:10px;">
                  <textarea cols="50" rows="5"  id="postData" name="postData"></textarea>  
              </div>
              <div>
                <button>POSTER</button>
                <button id="btnClosePlacePane">FERMER</button></div>
              </div>
          </div>
          
          
          <div id="map-canvas" style="width:100%;height:400px;border:solid 1px #EEEEEE;"></div>
        </div>
        
            
        </div>

        
        <div id="fb-root"></div>
    </div>
    
    
    
    <script src="/static/js/jquery/jquery.js" type="text/javascript"></script>
    <script type="text/javascript" src="/static/js/jquery/jquery.context.menu.js"></script>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script src="http://connect.facebook.net/fr_FR/all.js" type="text/javascript"></script>

    <script type="text/javascript">
        /* <![CDATA[ */
        var data = [{"lon":"-4.7833592","name":"Davied","id":"534330370","categories":["historic"],"lat":"48.4070760"},{"lon":"-4.7790862","name":"Fort de Porsmoguer","id":"534330373","categories":["historic"],"lat":"48.4064005"},{"lon":"-4.7846224","name":"Four à Goëmon","id":"534330389","categories":["historic"],"lat":"48.4217201"},{"lon":"-4.7881919","name":"Vestige Mur de la l'Atlantique","id":"534330391","categories":["historic"],"lat":"48.4228597"},{"lon":"-4.7872188","name":"Vestige Mur de la l'Atlantique","id":"736356572","categories":["historic"],"lat":"48.4241916"},{"lon":"-4.7841075","name":"Four à Goëmon","id":"564718349","categories":["historic"],"lat":"48.4366668"},{"lon":"-4.7832819","name":"Four à Goëmon","id":"564718352","categories":["historic"],"lat":"48.4371010"},{"lon":"-4.7829801","name":"Four à Goëmon","id":"564718354","categories":["historic"],"lat":"48.4360949"},{"lon":"-4.7821562","name":"Four à Goëmon","id":"564718357","categories":["historic"],"lat":"48.4371462"},{"lon":"-4.7791831","name":"Four à Goëmon","id":"564718363","categories":["historic"],"lat":"48.4428332"},{"lon":"-4.7784400","name":"Four à Goëmon","id":"564718364","categories":["historic"],"lat":"48.4399029"},{"lon":"-4.7781392","name":"Blockhaus","id":"564718372","categories":["historic"],"lat":"48.4410246"},{"lon":"-4.7760790","name":"Four à Goëmon","id":"564718375","categories":["historic"],"lat":"48.4417103"},{"lon":"-4.7761044","name":"Ancien Moulin","id":"564718376","categories":["historic"],"lat":"48.4438473"},{"lon":"-4.7679911","name":"Fontaine de Trézien","id":"475191859","categories":["natural"],"lat":"48.4232347"},{"lon":"-4.7730059","name":"Croix de Menez Kergador","id":"534292924","categories":["historic"],"lat":"48.4186691"},{"lon":"-4.7693206","name":"Calvaire de Trézien","id":"534292927","categories":["historic"],"lat":"48.4244139"},{"lon":"-4.7677485","name":"Croix de la Fontaine de Notre Dame de Trézien","id":"534292930","categories":["historic"],"lat":"48.4230656"},{"lon":"-4.7674297","name":"Croix du Placitre","id":"534292931","categories":["historic"],"lat":"48.4242940"},{"lon":"-4.7671467","name":"Calvaire du cimetière de Trézien","id":"534292932","categories":["historic"],"lat":"48.4238302"},{"lon":"-4.7671681","name":"Croix Kerrujeant","id":"534292933","categories":["historic"],"lat":"48.4249827"},{"lon":"-4.7615254","name":"Croix du Kruguel","id":"534292936","categories":["historic"],"lat":"48.4226407"},{"lon":"-4.7552966","name":"Croix Les Ribot","id":"534292939","categories":["historic"],"lat":"48.4238901"},{"lon":"-4.7688946","name":"Stèle commémorative","id":"564876839","categories":["historic"],"lat":"48.4243556"},{"lon":"-4.7690907","name":"Croix Izella","id":"534292940","categories":["historic"],"lat":"48.4321052"},{"lon":"-4.7564726","name":"Croix de Poul Bouc'h","id":"534292942","categories":["historic"],"lat":"48.4288482"},{"lon":"-4.7546032","name":"Croix de Langoulouman","id":"534292945","categories":["historic"],"lat":"48.4378229"},{"lon":"-4.7594702","name":"Lavoir de Millin an Aod","id":"676895609","categories":["natural"],"lat":"48.4591555"},{"lon":"-4.7472141","name":"Croix de Toul Grae","id":"534292941","categories":["historic"],"lat":"48.4278350"},{"lon":"-4.7470163","name":"Croix de la route de Langoulouman","id":"534292947","categories":["historic"],"lat":"48.4371734"},{"lon":"-4.7446856","name":"Les Deux Croix","id":"534292950","categories":["historic"],"lat":"48.4267883"},{"lon":"-4.7390373","name":"Croix de Kervoulouarn","id":"534292951","categories":["historic"],"lat":"48.4291147"},{"lon":"-4.7406102","name":"Croix de Kerlevren","id":"534292954","categories":["historic"],"lat":"48.4364490"},{"lon":"-4.7413311","name":"Croix de Menez ar C'haz","id":"558933021","categories":["historic"],"lat":"48.4427639"},{"lon":"-4.7401621","name":"Croix de la Hache","id":"558942343","categories":["historic"],"lat":"48.4382662"},{"lon":"-4.7404139","name":"Croix de la Route de Lampaul","id":"558942357","categories":["historic"],"lat":"48.4405397"},{"lon":"-4.7403906","name":"Croix Audren","id":"558942384","categories":["historic"],"lat":"48.4403091"},{"lon":"-4.7347941","name":"Croix de Kervadoz","id":"558942399","categories":["historic"],"lat":"48.4412118"},{"lon":"-4.7341488","name":"Croix de Kerarbelec","id":"559209481","categories":["historic"],"lat":"48.4307094"},{"lon":"-4.7339925","name":"Croix Prat Sac'h","id":"559209496","categories":["historic"],"lat":"48.4306282"},{"lon":"-4.7351514","name":"Croix de l'école Saint-Charles","id":"563864182","categories":["historic"],"lat":"48.4350285"},{"lon":"-4.7348441","name":"Chapelle de Kerleac'h","id":"476532208","categories":["historic"],"lat":"48.4479313"},{"lon":"-4.7527262","name":"Croix de Kernevez","id":"558933001","categories":["historic"],"lat":"48.4542844"},{"lon":"-4.7405901","name":"Croix de Kergougnan","id":"558933049","categories":["historic"],"lat":"48.4465512"},{"lon":"-4.7393641","name":"Croix de Kerleac'h","id":"558933071","categories":["historic"],"lat":"48.4502895"},{"lon":"-4.7384181","name":"Croix de Mez Pal","id":"558933080","categories":["historic"],"lat":"48.4549268"},{"lon":"-4.7371978","name":"Fontaine Lavoir","id":"587655055","categories":["natural"],"lat":"48.4648180"},{"lon":"-4.7344707","name":"Croix de Coz Castel","id":"639111714","categories":["historic"],"lat":"48.4599973"},{"lon":"-4.7463217","name":"Croix de Kerglonou","id":"554683233","categories":["historic"],"lat":"48.4663997"},{"lon":"-4.7254573","name":"Croix  Hent Kong","id":"559209438","categories":["historic"],"lat":"48.4252248"},{"lon":"-4.7143334","name":"Stade Louis le Ru","id":"475026323","categories":["leisure"],"lat":"48.4347620"},{"lon":"-4.7253789","name":"Croix de Keravel","id":"534314135","categories":["historic"],"lat":"48.4334949"},{"lon":"-4.7250980","name":"Croix de Saint Laurent","id":"534314138","categories":["historic"],"lat":"48.4351412"},{"lon":"-4.7243770","name":"Stèle Kerdidreux","id":"534314139","categories":["historic"],"lat":"48.4353721"},{"lon":"-4.7232626","name":"Croix de Streat Poul Kerivarc'h","id":"534314141","categories":["historic"],"lat":"48.4330854"},{"lon":"-4.7210141","name":"Croix de Beg Avel","id":"534314147","categories":["historic"],"lat":"48.4337570"},{"lon":"-4.7164121","name":"Croix de Kerabars","id":"534314148","categories":["historic"],"lat":"48.4382760"},{"lon":"-4.7176095","name":"Stèle Kerabars","id":"534314152","categories":["historic"],"lat":"48.4397931"},{"lon":"-4.7185562","name":"Stèle Kerzuat","id":"534314153","categories":["historic"],"lat":"48.4418789"},{"lon":"-4.7241261","name":"Croix  de Prat Ir","id":"563852620","categories":["historic"],"lat":"48.4269646"},{"lon":"-4.7227616","name":"Croix sans nom","id":"563852754","categories":["historic"],"lat":"48.4291219"},{"lon":"-4.7318940","name":"Stèle commémorative de l'appel du 18 juin 1940","id":"563886971","categories":["historic"],"lat":"48.4331985"},{"lon":"-4.7323966","name":"Kroas ar C'howel","id":"565501306","categories":["historic"],"lat":"48.4342333"},{"lon":"-4.7305528","name":"Croix du nouveau cimetière","id":"565501309","categories":["historic"],"lat":"48.4345753"},{"lon":"-4.7302587","name":"Calvaire","id":"565501312","categories":["historic"],"lat":"48.4339322"},{"lon":"-4.7265034","name":"Chêne rouge","id":"618588624","categories":["natural"],"lat":"48.4334314"},{"lon":"-4.7263625","name":"Chêne rouge","id":"621774435","categories":["natural"],"lat":"48.4335191"},{"lon":"-4.7230449","name":"Stade de Kerivarc'h","id":"719074286","categories":["leisure","sport"],"lat":"48.4322420"},{"lon":"-4.7196578","name":"Les deux Croix de Kerhoaden","id":"534314154","categories":["historic"],"lat":"48.4458959"},{"lon":"-4.7198425","name":"Croix Erragounan","id":"534314155","categories":["historic"],"lat":"48.4517766"},{"lon":"-4.7331220","name":"Croix de Keribret","id":"558933088","categories":["historic"],"lat":"48.4547662"},{"lon":"-4.7295186","name":"Rouissoir de Lanhalla","id":"558933089","categories":["historic"],"lat":"48.4574004"},{"lon":"-4.7304483","name":"Croix Mengui","id":"639111724","categories":["historic"],"lat":"48.4625386"},{"lon":"-4.6996285","name":"Terrain ULM/Aéromodélisme","id":"534334754","categories":["leisure","sport"],"lat":"48.4229817"},{"lon":"-4.7026921","name":"Croix de Ker Ar Groaz","id":"534314150","categories":["historic"],"lat":"48.4329933"},{"lon":"-4.7105369","name":"Croix Lezéna","id":"534314156","categories":["historic"],"lat":"48.4570999"},{"lon":"-4.7078320","name":"Calvaire Saint Eloi","id":"534314158","categories":["historic"],"lat":"48.4564377"},{"lon":"-4.6837903","name":"Croix","id":"534334751","categories":["historic"],"lat":"48.4155800"},{"lon":"-4.6798042","name":"Croix","id":"534334760","categories":["historic"],"lat":"48.4160437"},{"lon":"-4.6795592","name":"cimetière","id":"534334770","categories":["historic"],"lat":"48.4163040"},{"lon":"-4.6792709","name":"Menhir de Kerloas","id":"474655170","categories":["historic"],"lat":"48.4265469"},{"lon":"-4.6923454","name":"Croix du Rheun","id":"539380568","categories":["historic"],"lat":"48.4325133"},{"lon":"-4.6879118","name":"Croix de Kerveulegant","id":"539380570","categories":["historic"],"lat":"48.4278999"},{"lon":"-4.6892118","name":"Croix gravée","id":"539380571","categories":["historic"],"lat":"48.4342197"},{"lon":"-4.6869872","name":"Croix de Kervoris","id":"539370224","categories":["historic"],"lat":"48.4472803"},{"lon":"-4.6835294","name":"Calvaire de Keramazé","id":"539370225","categories":["historic"],"lat":"48.4519619"},{"lon":"-4.6651040","name":"Croix du Gavré","id":"539372762","categories":["historic"],"lat":"48.4431981"},{"lon":"-4.6578672","name":"Croix de Kélaret","id":"539376451","categories":["historic"],"lat":"48.4418245"},{"lon":"-4.6678960","name":"Stèle de Dele Braz","id":"539377200","categories":["historic"],"lat":"48.4365995"},{"lon":"-4.6618278","name":"Fontaine de Kervéatouz","id":"539380572","categories":["natural"],"lat":"48.4331109"},{"lon":"-4.6619307","name":"Croix de Kervéatouz","id":"539380574","categories":["historic"],"lat":"48.4335165"},{"lon":"-4.6709002","name":"Croix de Kérézec","id":"558933097","categories":["historic"],"lat":"48.4457605"},{"lon":"-4.6645406","name":"Lit de Saint Renan","id":"539370226","categories":["historic"],"lat":"48.4514000"},{"lon":"-4.6707418","name":"Croix de Kerezec","id":"539372757","categories":["historic"],"lat":"48.4477852"},{"lon":"-4.6533459","name":"Stèles de Lokournan Bihan","id":"539377202","categories":["historic"],"lat":"48.4430674"}];
        
        function icon4Place(place){
            var c = place["categories"][0]; 
            if(c=="historic") return '/static/img/wires/places/historic.png';
            if(c=="sport") return '/static/img/wires/places/sport.png';
            if(c=="leisure") return '/static/img/wires/places/leisure.png';
            if(c=="restaurant") return '/static/img/wires/places/restaurant.png';
            if(c=="cafe") return '/static/img/wires/places/cafe.png';
            if(c=="bar") return '/static/img/wires/places/bar.png';
            if(c=="natural") return '/static/img/wires/places/natural.png';    
        }
        
        function displayPlaceDetails(d){
            $("#placeTitle").html(d["name"]);
            $("#placeImage").attr("src",icon4Place(d));
            $("#placeDetailsPane").show();  
        }
        
        $(document).ready(function() {
          $("#btnClosePlacePane").click(function(){
            $("#placeDetailsPane").hide();
          });
          
          $('#btnCategories').contextMenu('#contextCategories', { offsetY: 5 });
          //
          //
          
          var myOptions = {
            zoom: 13,
            center: new google.maps.LatLng(48.43, -4.73),
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            mapTypeControl: true,
            mapTypeControlOptions: {
                style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
                position: google.maps.ControlPosition.BOTTOM
            },
            navigationControl: true,
            navigationControlOptions: {
                style: google.maps.NavigationControlStyle.ZOOM_PAN,
                position: google.maps.ControlPosition.TOP_RIGHT
            }
          };

          var map = new google.maps.Map($("#map-canvas")[0], myOptions); 
        
          for(var i=0; i<data.length; i++){
              d = data[i];
              var marker = new google.maps.Marker({
                 position: new google.maps.LatLng(d["lat"], d["lon"]),
                 map: map,
                 title: i.toString(),
                 icon: icon4Place(data[i]) 
              });
              
                     
              google.maps.event.addListener(marker, 'click', function(e) {
                displayPlaceDetails(data[parseInt(e.target.title)]);
                
              });  
          }
          
        });
        /* ]]> */
    </script>

    
</body>
</html>


